.cp-game-end {
  position: fixed;

  width: 100vw;
  height: 100vh;
  z-index: 101;
  background: rgba(0, 0, 0, .7);

  > .inner {
    position: absolute;
    top: calc(50% - 30px);
    left: 50%;
    box-sizing: border-box;
    width: 90vw;
    @include transform(translate(-50%, -50%));
    background-color: rgba(255,255,255,.15);
    padding: 10px !important;
    @include borderRadius(34px);
    &> img {
      position: absolute;
      &.modal-icon-1 {
        top: 0%;
left: 30%;
      }
      &.modal-icon-2 {
        left: -13px;

        display: none;
top: 100px;
      }
      &.modal-icon-3 {
        right: 0;
        top: 180px;
    
      }
    }
    &> div {
      &.content {
        @include borderRadius(26px);
      padding: 20px;
      background-image: linear-gradient(130deg, rgb(211,236,247) 0%, rgb(163,202,245) 81%, rgb(114,168,242) 100%);
      }
      
    }
    > * {
      box-sizing: border-box;
    }

    > .cp-header {
      width: 100%;
      margin-bottom: -36px;

      img {
        width: 70%;
        max-width: 70%;
        display: block;
        margin: 0 auto;
      }
    }

    > .content {
      padding: 16px;
      width: calc(100%);
      // background: #d1e7ff;
      color: #333;
      @include borderRadius(20px);
      background-size: 100% 100%;
      padding: 40px;
      padding-top: 90px;
      &.result-success {
        background-image: url(#{$base_path}/img/game/game-success-bg.png);
      }
      &.result-fail {
        background-image: url(#{$base_path}/img/game/fail-modal-bg.png);
      }

      .top {
        // padding: 36px 0 16px;
        line-height: 24px;
        text-align: center;
        font-size: 18px;
        // margin-top: 50px;
        font-weight: 800;
        color: var(--adm-color-primary);
      }

      .body {
        font-size: 18px;
        width: 100%;
        text-align: center;
        position: relative;
        color: var(--adm-color-primary);

        .item {
          text-align: center;

          &:not(:last-child) {

          }

          .title {
            font-size: 12px;
            margin-bottom: 8px;
          }

          .score {
            font-size: 18px;
          }
        }
      }

      .bottom {
        padding: 32px 0 0;
        text-align: center;

        > .adm-button {
          margin-bottom: 16px;
        }

        .column {
          margin-top: 12px;
        }

        .info {
          font-size: 16px;
          margin-bottom: 6px;
        }
      }
    }

    > .footer {
      text-align: center;
      margin-top: 60px;

      .act-btn.act-btn-diamond {
        color: #fff;
        width: 130px;

        &:not(:last-child) {
          margin-right: 16px;
        }
      }
    }

    .cp-pop-2 {
      width: calc(100% - 48px);
      margin: 0 auto;

      > .inner {
        padding: 12px 24px 0;
      }

      .thumb {
        width: 100%;
      }
    }
  }

}

